<template>
  <div class="nav">
  <show-list :navList="navList" >
  </show-list>
  </div>
</template>
<script>
import { ref } from "vue";
// import showContentItem from "./ShowContentItem.vue";
import showList from "./ShowList.vue"

export default {
  // setup() {
  //   const active = ref(0);
  //   return { active };
  // },
  data() {
    return {
      // dataList: [],
      // Cid: 1,
      navList:["演唱会","休闲展览","音乐会","戏曲综艺","舞蹈芭蕾","潮玩周边","旅游玩乐","儿童亲子","体育赛事",],
    };
  },

  // methods: {
  //   handleChangePage(id) {
  //     this.$router.push({
  //       name: "activity",
  //       params: {
  //         id: id,
  //       },
  //     });
  //   },
  //   onClickTab(e) {
  //     console.log(e.name);
  //     this.Cid = e.name;
  //   },
  // },
  components: {
    showList
  },
};
</script>
<style>
.van-tabs__content{
  padding-bottom:32px;
}
</style>
